.container-dataheader {
  height: 100rpx;
  width: 100%;
  background: #ffffff;

  .circle {
    width: 335rpx;
    height: 100rpx;
    opacity: 1;
    background: #ffffff;
    border-radius: 40rpx;
  }

  .userclass {
    margin-right: 20rpx;
    z-index: 2;
  }

  .dateclass {
    font-size: 28rpx;
    color: #111111;
    line-height: 50rpx;
  }

  .textclass {
    width: 380rpx;
    white-space: nowrap;
  }

  .leftclass {
    height: 40px;
    padding-right: 40rpx;
    padding-left: 20rpx;
  }

  .rightclass {
    height: 40px;
    padding-left: 40rpx;
    padding-right: 20rpx;
  }

  .left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #999999;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;

    &.activeleft {
      border-right: 6px solid #4abf78;
    }
  }

  .right {
    width: 0;
    height: 0;
    border-left: 6px solid #999999;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

    &.activeright {
      border-left: 6px solid #4abf78;
    }
  }
}
